// JavaScript Document


// table切换
$(function(){
		
	var numb = 0;
	$('.tab1 li').mouseover(function(){

       numb = $(this).index();

    $(this).css({borderTop:"2px solid #C81623",borderLeft:"1px solid #C81623",borderRight:"1px solid #C81623",background:"white"}).siblings().css({border:"none"});

    $('.tab_pic .p_list').eq(numb).fadeIn("slow").siblings().stop().fadeOut("slow");

	})



	// tab中的滚动效果
	var n = 0;

	function run(){
		n++;
		if(n==5){
			$('.box_play').css({left:"0px"});
			n =1;
		}
		var l = n*-439
	    $('.box_play').animate({left:l+"px"});
         
         if(n ==4){
         	$("#ul_cir li").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"})
         }else{
         	$("#ul_cir li").eq(n).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"})
         }
	}
	timer = setInterval(run,2000);

	$(".box_play").hover(function(){
        clearInterval(timer);    
    },function(){
	    timer = setInterval(run,2000);
    });


    $("#ul_cir li").mouseover(function() {
    	n = $(this).index();
    	var xn = n *-439;
    	$('.box_play').animate({left:xn+"px"},500);
    	$("#ul_cir li").eq(n).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"})
    });


    $("#ul_cir li").hover(function(){
        clearInterval(timer);
    },function(){
	    timer = setInterval(run,2000);
    });

    // 左右点击

    var m = 0; 
    var c = 0;
    // 左边
	$(".click .click_l").click(function(){
		if(c==1){
			return;
		}
		setTimeout(function(){
			c=0;
		},1000);
		c=1;

		m--;

		if(m==-1){
			$(".box_play").css({left:"-1756px"})
			m = 3;
		}
		l1 = m*-439
        $(".box_play").animate({left:l1+"px"})
	});
	// 右边

	$(".click .click_r").click(function(){
		if(c==1){
			return;
		}
		setTimeout(function(){
			c=0;
		},1000);
		c=1;
		 m++;
		 if(m==5){
		 	$(".box_play").css({left:"0px"})
		 	m = 1;
		 }
		 r1 = m * -439;
        $(".box_play").animate({left:r1+"px"})

	})

















































})